// import { LaptopOutlined, NotificationOutlined, UserOutlined } from '@ant-design/icons';
import { Breadcrumb, Layout, Menu, theme } from 'antd';
// import React from 'react';
import Myheader from './components/Myheader';
import Mysilder from './components/Mysilder';
import Mycontent from './components/Mycontent';
// const { Header, Content, Sider } = Layout;
// const items1 = ['1', '2', '3'].map((key) => ({
//     key,
//     label: `nav ${key}`,
// }));
// const items2 = [UserOutlined, LaptopOutlined, NotificationOutlined].map((icon, index) => {
//     const key = String(index + 1);
//     return {
//         key: `sub${key}`,
//         icon: React.createElement(icon),
//         label: `subnav ${key}`,
//         children: new Array(4).fill(null).map((_, j) => {
//             const subKey = index * 4 + j + 1;
//             return {
//                 key: subKey,
//                 label: `option${subKey}`,
//             };
//         }),
//     };
// });

export default function NavPage() {
    // const {
    //     token: { colorBgContainer },
    // } = theme.useToken();
    return (
        <Layout style={{height:'100vh'}}>
            <Myheader></Myheader>
            <Layout>
                <Mysilder></Mysilder>
                <Mycontent></Mycontent>
            </Layout>
        </Layout>
    )
}
